<style scoped>
    .expand-row{
        margin-bottom: 16px;
    }
    .row-line-height{
      height:36px;
      line-height:36px;
    }
</style>
<template>
  <div>
    <Row class="row-line-height">
      <Col span="6">
        <span class="expand-key">买家昵称: </span>
        <span class="expand-value">{{ orderInfo.buyerNick }}</span>
      </Col>
      <Col span="18">
        <span class="expand-key">买家留言: </span>
        <span class="expand-value">{{ orderInfo.buyerMessage }}</span>
      </Col>
    </Row>
    <Row class="row-line-height">
      <Col span="6">
        <span class="expand-key">订单号: </span>
        <span class="expand-value">{{ orderInfo.orderSn }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">订单状态: </span>
        <span class="expand-value">{{ orderInfo.status }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">商品数量: </span>
        <span class="expand-value">{{ orderInfo.goodsCount }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">商品总价: </span>
        <span class="expand-value">{{ orderInfo.goodsAmountTotal }}</span>
      </Col>
    </Row>
    <Row class="row-line-height">
      <Col span="6">
        <span class="expand-key">支付状态: </span>
        <span class="expand-value">{{ orderInfo.payStatus }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">支付金额: </span>
        <span class="expand-value">{{ orderInfo.payment }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">支付方式: </span>
        <span class="expand-value">{{ orderInfo.paymentType }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">支付时间: </span>
        <span class="expand-value">{{ orderInfo.paymentTime }}</span>
      </Col>
    </Row>
    <Row class="row-line-height">
      <Col span="6">
        <span class="expand-key">商户信息: </span>
        <span class="expand-value">{{ orderInfo.supplierId }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">物流号: </span>
        <span class="expand-value">{{ orderInfo.shipCode }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">物流名称: </span>
        <span class="expand-value">{{ orderInfo.shipName }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">运费: </span>
        <span class="expand-value">{{ orderInfo.postFee }}</span>
      </Col>
    </Row>
    <Row class="row-line-height">
      <Col span="6">
        <span class="expand-key">发货时间: </span>
        <span class="expand-value">{{ orderInfo.consignTime }}</span>
      </Col>
      <Col span="18">
        <span class="expand-key">收货地址: </span>
        <span class="expand-value">{{ orderInfo.addressId }}</span>
      </Col>
    </Row>
    <Row style="height:24px;line-height:24px;">
      <Col span="24">
        <span>订单线路详情</span>
      </Col>
    </Row>
    <Row class="row-line-height" v-for="item in ordersGoodsList" :key="item.id">
      <Col span="6">
        <span class="expand-key">线路ID: </span>
        <span class="expand-value">{{ item.lineId }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">线路名称: </span>
        <span class="expand-value">{{ item.goodsName }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">报名人数: </span>
        <span class="expand-value">{{ item.goodsNumber }}</span>
      </Col>
      <Col span="6">
        <span class="expand-key">总费用: </span>
        <span class="expand-value">{{ item.toalFee }}</span>
      </Col>
    </Row>

  </div>
</template>
<script>
    export default {
        props: {
            orderInfo: Object,
            ordersGoodsList: Array
        }
    };
</script>
